<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>猫小朵</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- jquery -->
    <script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
    <!-- 引入layui -->
    <link rel="stylesheet" href="/utils/layui-2.8.17/css/layui.css">
    <script src="/utils/layui-2.8.17/layui.js"></script>
    <!-- 引入bootstrap -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <!-- bootstrap-table.min.js -->
    <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
    <!--bootstrap-table 引入中文语言包 -->
    <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/index.css">
</head>
<body>
<div class="container-fluid" style="background-color: gray">
    <!--最高层，仓库名称和用户管理-->
    <strong id="repositoryName">仓库名称</strong>
    <div id="userBar" style="float: right">
        <span id="username">未知用户名</span>
        <button id="logout" onclick="logout()">退出</button>
    </div>

    <!--快递相关操作-->
    <div class="container-fluid row">
        <div class="col-sm-3 input-group-border">
            <span>京东</span>
            <div class="form-group">
                <label for="jdDateStr" class="control-label">日期</label>
                <div>
                    <input type="text" id="jdDateStr" class="orm-control well input-spacing">
                </div>
            </div>
            <div class="form-group">
                <label for="jdPassword" class="control-label">文件密码</label>
                <div>
                    <input type="text" id="jdPassword" class="orm-control well input-spacing" placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group">
                <label for="jdExpress" class="col-sm-12 control-label">快递公司</label>
                <select id="jdExpress" class="selectpicker">
                    <option value="ydgj" selected>韵达国际</option>
                    <option value="ytgj">圆通国际</option>
                    <option value="ytgn">圆通国内</option>
                </select>
            </div>
            <button id="jdExport" class="btn-success input-spacing">生成导入文件</button>
            <button id="jdSend" class="btn-info input-spacing">导入发货</button>
        </div>

        <div class="col-sm-3 input-group-border">
            <span>美团</span>
            <div class="form-group">
                <label for="mtDateStr" class="control-label">日期</label>
                <div>
                    <input type="text" id="mtDateStr" class="orm-control well input-spacing">
                </div>
            </div>
            <div class="form-group">
                <label for="mtPassword" class="control-label">文件密码</label>
                <div>
                    <input type="text" id="mtPassword" class="orm-control well input-spacing" placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group">
                <label for="mtExpress" class="col-sm-12 control-label">快递公司</label>
                <select id="mtExpress" class="selectpicker">
                    <option value="ydgj" selected>韵达国际</option>
                    <option value="ytgj">圆通国际</option>
                    <option value="ytgn">圆通国内</option>
                </select>
            </div>
            <button id="mtExport" class="btn-success input-spacing">生成导入文件</button>
            <button id="mtSend" class="btn-info input-spacing">导入发货</button>
        </div>

        <div class="col-sm-3 input-group-border">
            <span>拼多多</span>
            <div class="form-group">
                <label for="pddDateStr" class="control-label">日期</label>
                <div>
                    <input type="text" id="pddDateStr" class="orm-control well input-spacing">
                </div>
            </div>
            <div class="form-group">
                <label for="pddExpress" class="col-sm-12 control-label">快递公司</label>
                <select id="pddExpress" class="selectpicker">
                    <option value="yd" selected>韵达国际</option>
                    <option value="ytgj">圆通国际</option>
                    <option value="ytgn">圆通国内</option>
                </select>
            </div>
            <button id="pddSend" class="btn-info input-spacing">导入发货</button>
        </div>
        <div class="col-sm-3 input-group-border">
            <span>线下</span>
            <div class="form-group">
                <label for="xxDateStr" class="control-label">日期</label>
                <div>
                    <input type="text" id="xxDateStr" class="orm-control well input-spacing">
                </div>
            </div>
            <div class="form-group">
                <label for="xxExpress" class="col-sm-12 control-label">快递公司</label>
                <select id="xxExpress" class="selectpicker">
                    <option value="yd">韵达国际</option>
                    <option value="ytgj">圆通国际</option>
                    <option value="ytgn" selected>圆通国内</option>
                </select>
            </div>
            <button id="xxSend" class="btn-info input-spacing">导入发货</button>
        </div>
    </div>

    <br>

    <div class="container-fluid row">
        <!--侧边栏-->
        <div class="bg-light col-2">
            <ul id="left-nav" class="list-unstyled list-inline col-12" style="margin-top: 50px">
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/product.html">商品管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/inbound.html">入库管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/outbound.html">出库管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/order.html">订单管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/shop.html">店铺管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/shopProduct.html">店铺商品绑定</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/supplier.html">供应商管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/count.html">统计管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/express.html">快递管理</a>
                </li>
                <li>
                    <a class="btn" onclick=switchPage.bind(this)() data-src="/page/repository.html">仓库管理</a>
                </li>
            </ul>
        </div>
        <!--主体，表格展示-->
        <iframe class="col" id="navFrame" width="100%" height="800px" src="page/product.html">
        </iframe>

    </div>
</div>

<script src="/js/common.js"></script>
<script src="/js/index.js"></script>
</body>
</html>